<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Valley - Experiment</title>

    <meta itemprop="name" content="Valley - Experiment">
    <meta itemprop="description" content="Creative WebGL experiment with Three.js">
    <meta itemprop="image" content="https://experiment-holographic-terrain.vercel.app/social/share-1200x630.png">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Valley - Experiment">
    <meta name="twitter:description" content="Creative WebGL experiment with Three.js">
    <meta name="twitter:image" content="https://experiment-holographic-terrain.vercel.app/social/share-1200x630.png">

    <meta property="og:site_name" content="Valley - Experiment">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://experiment-holographic-terrain.vercel.app">
    <meta property="og:title" content="Valley - Experiment">
    <meta property="og:description" content="Creative WebGL experiment with Three.js">
    <meta property="og:image" content="https://experiment-holographic-terrain.vercel.app/social/share-1200x630.png">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
</head>
<body>
    <canvas class="webgl"></canvas>
    <div class="title" contenteditable="" spellcheck="false">
        Valley
    </div>
    <div class="menu">
        <div class="bar bar-0"></div>
        <div class="bar bar-1"></div>
        <div class="bar bar-2"></div>
    </div>
    <div class="credits">
        Demo landing page by <a href="https://experiment-holographic-terrain.vercel.app" target="_blank">Bruno Simon</a> (<a href="https://github.com/brunosimon/experiment-holographic-terrain" target="_blank">Source code</a>)
    </div>
</body>
</html>